<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>用户注册</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="personal_center registration">
    <header>
        <a href="javascript:void(0)" class="pre_page"></a>
        用户注册
    </header>

    <section class="main">
       <div class="container">

           <form action="" class="registration_form container">
               <ul>
                   <li>
                       <span>用户名：</span>
                       <input type="text" placeholder="用户名设置后不可修改，可用于登陆">
                   </li>
                   <li>
                       <span>设置密码：</span>
                       <input type="text" placeholder="建议至少使用两种字符组合">
                   </li>
                   <li>
                       <span>设置密码：</span>
                       <input type="text" placeholder="再次输入密码">
                   </li>
                   <li>
                       <span>手机号码：</span>
                       <input type="text" placeholder="建议填写常用手机">
                   </li>
                   <li>
                       <span>短信验证：</span>
                       <input type="text" placeholder="请输入验证码">
                       <input type="button" value="获取验证码">
                        <p>短信验证码已发送到您的手机，请及时查收</p>
                   </li>
                   <div class="clear"></div>
               </ul>

               <input type="submit" value="立即注册">
           </form>
           <p>已有账号,<a href="javascript:void(0)">立即登陆</a></p>

       </div>

    </section>


</body>
</html>